// 模板化的JS文件
//   -引入文件： import关键字
//      1- 文件直接作用给页面的：import "文件名"
//      2- 文件作为数据使用：    import变量名 from "文件名"

import { createApp } from 'vue';//引入vue，并结构createApp方法
import './style.css';//引入全局样式文件
import App from './App.vue';//引入App.vue（根组件）文件


createApp(App).mount('#app');
//创建Vue实例，并挂载到Vue容器（id="app"）

//解构：ES6 对于【对象的访问】的一个简写方式
let obj={
    a:10,
    b:20
};
console.log("a是：",obj.a);//通过点语法访问对象
console.log("b是：",obj.b);
var aIs=obj.a;//访问对象的a，并赋值给变量aIs
var bIs=obj.b;
console.log(aIs,bIs);
//解构语法： var{变量名}=对象
//===> 变量名和对象的属性名要一模一样才能解构
var {b_is,a}=obj;
console.log("解构出来的变量a",a);
console.log("解构出来的变量b",b_is);//undefined
